<template>
  <div>
    <div>
      {{ scheduleInfo.timeRange }}
    </div>
    <hr/>
    <div>
        剩余:{{ scheduleInfo.count }}
    </div>
    <div>
      <button  class='butAppt' :disabled=disableFlag @click='alertAppt'>可预约</button>
    </div>
  </div>
</template>

<script>
  export default {
    data () {
      return {
        
      }
    },
    props:{
      scheduleInfo: {
        timeRange: '08:00-09:00',
        count: 2,
        scheduleId: '0',
        apptCost: '7.00'
      }
    },
    computed:{
      // 能否预约的标识
      disableFlag () {
        if(this.scheduleInfo.count > 0){
          return false
        } else {
          return true
        }
      }
    },
    methods:{
      
    }

  }
</script>

<style scoped>
</style>